@import '../c_themes/theme.scss';
// 去哪儿

// 顶栏
.whereToGo-rank-nav-bar,
.whereToGo-rank-nav-bar .uni-navbar__content,
.whereToGo-rank-nav-bar .uni-navbar--border {
	background-color: transparent !important;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header {
	padding: 0;
	background-color: transparent !important;
	background-image: none !important;
	margin: 20rpx auto 0 20rpx;
	height: 80rpx !important;
	border-style: none !important;
	border-radius: $larger-border-radius;
	flex: none;
	z-index: 4;
	position: relative;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header .uni-navbar__header-btns-left {
	background-color: $half-dark-color !important;
	border-top-left-radius: $larger-border-radius;
	border-bottom-left-radius: $larger-border-radius;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header .uni-navbar__header-container {
	overflow: visible;
	background-color: $half-dark-color !important;
	font-size: $normal-fontSize;
	flex: 0;
	padding: 0 30rpx 0 0;
	border-top-right-radius: $larger-border-radius;
	border-bottom-right-radius: $larger-border-radius;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header .uni-navbar__header-container .filter-item .filter-controller {
	padding-right: 40rpx;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header .uni-navbar__header-container .filter-item .filter-controller::after {
	font-size: 40rpx;
	line-height: 1.15;
}
.whereToGo-rank-nav-bar .uni-navbar__content .uni-navbar__header .uni-navbar__header-container .filter-controller{
	color: $weakest-color;
}
// 顶栏按钮
.whereToGo-rank-nav-bar .uni-navbar__header-container .top-nav-button{
	color: $weakest-color !important;
	padding: 0 20rpx;
}
// 顶栏按钮-选中
.whereToGo-rank-nav-bar .uni-navbar__header-container .top-nav-button-selected {
	border-bottom: 4rpx solid $important-color;
}

// 顶栏按钮
.whereToGo-rank-nav-bar .uni-navbar__header .uni-navbar__header-btns {
	width: 80rpx !important;
	display: flex;
	justify-content: center !important;
	font-size: 56rpx;
	font-family: iconFonts;
	color: $weakest-color !important;
}
	// 右图标
	.whereToGo-rank-nav-bar .uni-navbar__header .uni-navbar__header-btns.uni-navbar__header-btns-right{
		cursor: default;
		display: none;
	}
	// 图标
	.whereToGo-rank-nav-bar .uni-navbar__header .uni-navbar__header-btns.uni-navbar__header-btns-left::before{
		content: $icon-back;
	}
	.whereToGo-rank-nav-bar .uni-navbar__header .uni-navbar__header-btns.uni-navbar__header-btns-right::before{
		content: $icon-scan;
		display: none;
	}
// 我要入驻按钮
.btn-store-join {
	background-color: $weakest-color;
	color: $important-color;
	display: flex;
	align-items: center;
	border-color: $important-color;
	box-shadow: 0 4rpx 12rpx rgba(253, 117, 136,0.25);
}
	// 图标
	.btn-store-join icon {
		font-size: $normal-fontSize;
		color: $important-color;
		vertical-align: baseline;
	}
// 顶图
.whereToGo-rank-top-banner {
	height: 500rpx;
	background-size: $common-bg-size;
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 3;
	margin-top: -100rpx;
}
	.whereToGo-rank-top-banner.store { background-image: url('~@/static/scssImages/store-popularity-rank-top-bg.webp');}
	.whereToGo-rank-top-banner.activity { background-image: url('~@/static/scssImages/store-activity-popularity-rank-top-bg.webp');}

// 详情
.whereToGo-detail-content{
	padding: 0 15rpx;
}
// 联系方式
.whereToGo-detail-content .store-contact-info {
	display: flex;
	border-bottom: $common-line;
	align-items: center;
	padding: 10rpx 0;
}
	// 联系方式-图标
	.whereToGo-detail-content .store-contact-info .fontIcon {
		margin-right: 10rpx;
		font-size: 40rpx;
		color: $sub-color;
	}
	// 联系方式-地址
	.whereToGo-detail-content .store-contact-info .address {
		flex: auto;
	}
	// 联系方式-按钮
	.whereToGo-detail-content .store-contact-info .btn-call-store {
		width: 160rpx;
		height: 100rpx;
		text-align: center;
		padding: 0;
		background-color: transparent;
		font-size: $normal-fontSize;
	}
		// 联系方式-按钮-按下
		.whereToGo-detail-content .store-contact-info .button-hover.btn-call-store{
			background-color: transparent !important;
		}
		// 联系方式-按钮-图标
		.whereToGo-detail-content .store-contact-info .btn-call-store .fontIcon {
			color: #FFF;
			font-size: 35rpx;
			width: 60rpx;
			height: 60rpx;
			line-height: 1.65;
			background-color: #40CB00;
			border-radius: 100%;
			margin: 0 auto 5rpx auto;
			display: block;
		}
		// 联系方式-按钮-文字
		.whereToGo-detail-content .store-contact-info .btn-call-store text {
			text-align: center;
			color: $sub-color;
		}
// 去哪儿店铺名
.whereToGo-store-name {
	padding: 0 15rpx;
	font-size: $title3-fontSize;
	line-height: 1;
	margin-top: 20rpx;
}
	// 去哪儿店铺名-图标
	.whereToGo-store-name .fontIcon {
		vertical-align: middle;
		color: $sub-color;
	}
	// 去哪儿店铺名-图标
	.whereToGo-store-name text {
		vertical-align: middle;
	}
	// 去哪儿店铺名-图标
	.whereToGo-store-name .imgIcon {
		width: 40rpx;
		height: 40rpx;
	}
// 去哪儿-活动详情-头部
.store-activity-head {
	padding-bottom: 20rpx;
	border-bottom: $common-line;
}
	// 去哪儿-活动详情-名称
	.store-activity-head .name {
		font-size: $title2-fontSize;
		font-weight: bold;
	}
	// 去哪儿-活动详情-时间
	.store-activity-head .time {
		color: $sub-color;
	}
	// 去哪儿-活动详情-项目
	.store-activity-head .info {
		display: flex;
		align-items: center;
	}
	// 去哪儿-活动详情-项目
	.store-activity-head .info .popularity-number {
		color: $important-color;
		margin-right: 10rpx;
	}
	// 去哪儿-活动详情-说明
	.store-activity-info {
		padding: 20rpx 0;
	}
	// 去哪儿-活动详情-说明-标题
	.store-activity-info .info-title {
		font-size: $title3-fontSize;
		font-weight: bold;
	}
	// 去哪儿-活动详情-说明-内容
	.store-activity-info .info-content {
		color: $sub-color;
	}
	// 去哪儿-活动详情-说明-内容
	.store-activity-info image {
		width: 100%;
		margin: 10rpx 0;
	}
// 去哪儿-活动详情-价格
.store-activity-price {
	padding: 20rpx 0;
	text-align: right;
	border-bottom: $common-line;
}
// 去哪儿-活动详情-总价
.whereToGo-detail-content .total-price{
	font-size: $title3-fontSize;
}
// 去哪儿-活动详情-团购价
.whereToGo-detail-content .group-price{
	font-size: $title2-fontSize;
}
// 去哪儿-活动详情-团购价
.whereToGo-detail-content .old-price{
	font-size: $title2-fontSize;
	color: $sub-color;
	text-decoration: line-through;
}
// 去哪儿-活动详情-团购价
.whereToGo-detail-content .now-price{
	color: $important-color;
	font-size: $title1-fontSize;
	font-weight: bold;
}